﻿<!DOCTYPE html>
<html>
  <head>
    <title>01_02 01详细展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/01_02_01详细展示_1/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/01_02_01详细展示_1/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (iPhone8) -->

      <!-- Unnamed (组合 ) -->
      <div id="u4532" class="ax_default" data-left="0" data-top="0" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u4533" class="ax_default image">
          <img id="u4533_img" class="img " src="images/01_首页/u2.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4534" class="ax_default image">
          <img id="u4534_img" class="img " src="images/01_首页/u3.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4535" class="ax_default image">
          <img id="u4535_img" class="img " src="images/01_首页/u4.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4536" class="ax_default image">
          <img id="u4536_img" class="img " src="images/01_首页/u5.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u4537" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4538" class="ax_default box_2">
        <div id="u4538_div" class=""></div>
      </div>

      <!-- 遮罩层 (动态面板) -->
      <div id="u4539" class="ax_default" data-label="遮罩层">
        <div id="u4539_state0" class="panel_state" data-label="顶层" style="">
          <div id="u4539_state0_content" class="panel_state_content">

            <!-- Main (动态面板) -->
            <div id="u4540" class="ax_default" data-label="Main">
              <div id="u4540_state0" class="panel_state" data-label="内容展示" style="">
                <div id="u4540_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u4541" class="ax_default box_1">
                    <div id="u4541_div" class=""></div>
                    <div id="u4541_text" class="text ">
                      <p style="font-size:13px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-size:16px;">菜品里有苍蝇</span></p><p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#CCCCCC;">2018.05.21 16:51:37</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4542" class="ax_default" data-left="0" data-top="69" data-width="375" data-height="140">

                    <!-- Unnamed (矩形) -->
                    <div id="u4543" class="ax_default box_1">
                      <div id="u4543_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4544" class="ax_default" data-left="17" data-top="79" data-width="173" data-height="120">

                      <!-- Unnamed (矩形) -->
                      <div id="u4545" class="ax_default label">
                        <div id="u4545_div" class=""></div>
                        <div id="u4545_text" class="text ">
                          <p><span>投诉编号：</span></p><p><span>投诉类型：</span></p><p><span>联系人：</span></p><p><span>联系电话：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4546" class="ax_default label">
                        <div id="u4546_div" class=""></div>
                        <div id="u4546_text" class="text ">
                          <p><span>102329813226</span></p><p><span>商品质量问题</span></p><p><span>马小姐</span></p><p><span>13888888888</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4547" class="ax_default" data-left="0" data-top="208" data-width="375" data-height="190">

                    <!-- Unnamed (矩形) -->
                    <div id="u4548" class="ax_default box_1">
                      <div id="u4548_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4549" class="ax_default" data-left="17" data-top="218" data-width="345" data-height="165">

                      <!-- Unnamed (矩形) -->
                      <div id="u4550" class="ax_default label">
                        <div id="u4550_div" class=""></div>
                        <div id="u4550_text" class="text ">
                          <p><span>问题说明：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4551" class="ax_default _文本段落">
                        <div id="u4551_div" class=""></div>
                        <div id="u4551_text" class="text ">
                          <p><span>我在内江开口香快乐凉粉和平桥店，点了两份菜品，一份快乐凉粉、一份回锅肉，菜吃到一半，居然发现回锅肉里有半只苍蝇，一想到这里我就恶心的要死，我要求老板赔偿我精神损失费一千块，老板居然说我无理取闹，还让店员把我给轰了出来。就这态度已经不是1千块能解决的事了，要投诉！和他们抗争到底。</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u4552" class="ax_default line">
                    <img id="u4552_img" class="img " src="images/04_01_03回复意见/u2553.png"/>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4553" class="ax_default" data-left="-16" data-top="397" data-width="412" data-height="187">

                    <!-- Unnamed (组合 ) -->
                    <div id="u4554" class="ax_default" data-left="0" data-top="397" data-width="375" data-height="160">

                      <!-- Unnamed (矩形) -->
                      <div id="u4555" class="ax_default box_1">
                        <div id="u4555_div" class=""></div>
                      </div>

                      <!-- Unnamed (水平线) -->
                      <div id="u4556" class="ax_default line">
                        <img id="u4556_img" class="img " src="images/04_01_03回复意见/u2553.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4557" class="ax_default" data-left="-16" data-top="414" data-width="412" data-height="40">

                      <!-- Unnamed (组合 ) -->
                      <div id="u4558" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="40">

                        <!-- Unnamed (组合 ) -->
                        <div id="u4559" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4560" class="ax_default ellipse">
                            <img id="u4560_img" class="img " src="images/04_01_03回复意见/u2557.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4561" class="ax_default line">
                            <img id="u4561_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4562" class="ax_default line">
                            <img id="u4562_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u4563" class="ax_default label">
                          <div id="u4563_div" class=""></div>
                          <div id="u4563_text" class="text ">
                            <p><span>双方和解中</span></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4564" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4565" class="ax_default label">
                          <div id="u4565_div" class=""></div>
                          <div id="u4565_text" class="text ">
                            <p><span>三方调解中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4566" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4567" class="ax_default ellipse">
                            <img id="u4567_img" class="img " src="images/04_01_03回复意见/u2557.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4568" class="ax_default line">
                            <img id="u4568_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4569" class="ax_default line">
                            <img id="u4569_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4570" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4571" class="ax_default label">
                          <div id="u4571_div" class=""></div>
                          <div id="u4571_text" class="text ">
                            <p><span>监管介入中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4572" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4573" class="ax_default ellipse">
                            <img id="u4573_img" class="img " src="images/04_01_03回复意见/u2570.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4574" class="ax_default line">
                            <img id="u4574_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4575" class="ax_default line">
                            <img id="u4575_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4576" class="ax_default" data-left="89" data-top="483" data-width="197" data-height="51">

                      <!-- Unnamed (矩形) -->
                      <div id="u4577" class="ax_default label">
                        <div id="u4577_div" class=""></div>
                        <div id="u4577_text" class="text ">
                          <p><span style="color:#CCCCCC;">当前进度：</span><span style="color:#3385FF;">调解中</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4578" class="ax_default label">
                        <div id="u4578_div" class=""></div>
                        <div id="u4578_text" class="text ">
                          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">商家：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">已处理</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#3385FF;">　　</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">用户：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">已处理</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u4579" class="ax_default label">
                      <div id="u4579_div" class=""></div>
                      <div id="u4579_text" class="text ">
                        <p><span>提示：如果不和解，将进入三方调解阶段！</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (热区) -->
                  <div id="u4580" class="ax_default">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4581" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="666">

        <!-- Unnamed (组合 ) -->
        <div id="u4582" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="666">

          <!-- Unnamed (矩形) -->
          <div id="u4583" class="ax_default box_3">
            <div id="u4583_div" class=""></div>
          </div>

          <!-- Title (组合 ) -->
          <div id="u4584" class="ax_default" data-label="Title" data-left="202" data-top="170" data-width="73" data-height="25">

            <!-- Unnamed (矩形) -->
            <div id="u4585" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u4585_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u4586" class="ax_default _三级标题">
              <div id="u4586_div" class=""></div>
              <div id="u4586_text" class="text ">
                <p><span>投诉详情</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4587" class="ax_default icon">
            <img id="u4587_img" class="img " src="images/01_01_扫码中___/u108.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4588" class="ax_default box_1">
            <div id="u4588_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4589" class="ax_default primary_button">
            <div id="u4589_div" class=""></div>
            <div id="u4589_text" class="text ">
              <p><span>回复</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (电池电量条 Black) -->

        <!-- Unnamed (组合 ) -->
        <div id="u4591" class="ax_default" data-left="6" data-top="7" data-width="363" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u4592" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
            <div id="u4592_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4593" class="ax_default icon">
            <img id="u4593_img" class="img " src="images/01_首页/u57.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4594" class="ax_default icon">
            <img id="u4594_img" class="img " src="images/01_首页/u58.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4595" class="ax_default icon">
            <img id="u4595_img" class="img " src="images/01_首页/u59.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4596" class="ax_default label">
            <div id="u4596_div" class=""></div>
            <div id="u4596_text" class="text ">
              <p><span>5:27 AM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4597" class="ax_default label">
            <div id="u4597_div" class=""></div>
            <div id="u4597_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 处理完成 (组合 ) -->
      <div id="u4598" class="ax_default ax_default_hidden" data-label="处理完成" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4599" class="ax_default box_1">
          <div id="u4599_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4600" class="ax_default box_1">
          <div id="u4600_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4601" class="ax_default primary_button">
          <div id="u4601_div" class=""></div>
          <div id="u4601_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4602" class="ax_default primary_button">
          <div id="u4602_div" class=""></div>
          <div id="u4602_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4603" class="ax_default _三级标题">
          <div id="u4603_div" class=""></div>
          <div id="u4603_text" class="text ">
            <p><span>结果说明</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4604" class="ax_default box_1">
          <div id="u4604_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4605" class="ax_default text_area">
          <textarea id="u4605_input"></textarea>
        </div>
      </div>

      <!-- 不予受理 (组合 ) -->
      <div id="u4606" class="ax_default ax_default_hidden" data-label="不予受理" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4607" class="ax_default box_1">
          <div id="u4607_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4608" class="ax_default box_1">
          <div id="u4608_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4609" class="ax_default primary_button">
          <div id="u4609_div" class=""></div>
          <div id="u4609_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4610" class="ax_default primary_button">
          <div id="u4610_div" class=""></div>
          <div id="u4610_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4611" class="ax_default _三级标题">
          <div id="u4611_div" class=""></div>
          <div id="u4611_text" class="text ">
            <p><span>不予受理原因</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4612" class="ax_default box_1">
          <div id="u4612_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4613" class="ax_default text_area">
          <textarea id="u4613_input"></textarea>
        </div>
      </div>

      <!-- 诉转案 (组合 ) -->
      <div id="u4614" class="ax_default ax_default_hidden" data-label="诉转案" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4615" class="ax_default box_1">
          <div id="u4615_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4616" class="ax_default box_1">
          <div id="u4616_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4617" class="ax_default primary_button">
          <div id="u4617_div" class=""></div>
          <div id="u4617_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4618" class="ax_default primary_button">
          <div id="u4618_div" class=""></div>
          <div id="u4618_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4619" class="ax_default _三级标题">
          <div id="u4619_div" class=""></div>
          <div id="u4619_text" class="text ">
            <p><span>诉转案原因</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4620" class="ax_default box_1">
          <div id="u4620_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4621" class="ax_default text_area">
          <textarea id="u4621_input"></textarea>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4622" class="ax_default" data-left="62" data-top="750" data-width="353" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u4623" class="ax_default primary_button">
          <div id="u4623_div" class=""></div>
          <div id="u4623_text" class="text ">
            <p><span>处理完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4624" class="ax_default primary_button">
          <div id="u4624_div" class=""></div>
          <div id="u4624_text" class="text ">
            <p><span>不予受理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4625" class="ax_default primary_button">
          <div id="u4625_div" class=""></div>
          <div id="u4625_text" class="text ">
            <p><span>诉转案</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
